<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>登录页面</title>
	<style type="text/css">
		body{
			background: url(./img/bj1.png);
		}
		div{
			border-radius: 6px;
			background-color: #ffffff;
			width: 500px;
			height: 400px;
			box-shadow: 5px 5px 5px #aaaaaa;
			margin-top: 150px;
			position: absolute;
			left: 550px;
			top: 0.5px;
		}
		form{
			font-size: 20px;
            margin-left: 80px;
            margin-top: 120px;
		}
		input{
			border-radius: 5px;
			width: 240px;
			height: 30px;
			font-size: 18px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		a{
			margin-left: 140px;
		}
		[type=checkbox]{
			width: 15px;
			height: 15px;
		}
		label{
            text-align: right;
            display: inline-block;
		}
		button{
			border-radius: 5px;
			margin-top: 30px;
			font-size: 20px;
			width: 120px;
			height: 40px;
		}
		#dl{
			background-color: #0044bb;
			color: #ffffff;
		}
		#zc{
			position: absolute;
			left: 290px;
			background-color: #008800;
			color: #ffffff;
		}
	</style>
</head>
<body>
	<div>
		<img src="./img/log.png" style="width: 460px; height: 110px; position: absolute; margin-left: 15px">
		<form>
			<label>
			    用户名：<input type="text" class="log" placeholder="请输入用户名"><br>
		        密码：<input type="password" class="log" placeholder="请输入密码">
	        </label><br>
		<input type="checkbox">记住密码
		<a href="#">忘记密码</a><br>
		<button type="button" id="dl">登录</button>
		<button type="button" id="zc">注册</button>
		</form>
	</div>
</body>
</html>